<style>
  .{{$template|escape:'html'}}_table1 {
    width: 900px;
    margin:50px 0 5px;
  }
  .{{$template|escape:'html'}}_table2 {
    width: 900px;
    height: 23px;
    border-top:solid 1px #B4B4B4;
    border-left:solid 1px #B4B4B4;
  }
  .{{$template|escape:'html'}}_table2 td {
    border-right: 1px solid #B4B4B4;
    border-bottom: 1px solid #B4B4B4;
  }
  .{{$template|escape:'html'}}_td1 {
    width: 900px;
    text-align: left;
  }
  .{{$template|escape:'html'}}_td2,.{{$template|escape:'html'}}_td3,.{{$template|escape:'html'}}_td4,.{{$template|escape:'html'}}_td5,
  .{{$template|escape:'html'}}_td6,.{{$template|escape:'html'}}_td7,.{{$template|escape:'html'}}_td8,.{{$template|escape:'html'}}_td9,
  .{{$template|escape:'html'}}_td10 {
    font-weight: bold;
    font-size: 10pt;
    color: #666;
  }
  .{{$template|escape:'html'}}_td2 {
    border-right:solid 1px #fff;
    width: 80px;
    height: 23px;
    letter-spacing:2px;
    text-align: center;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td3 {
    border-right:solid 1px #fff;
    width: 80px;
    letter-spacing:2px;
    text-align:left;
    padding-left:15px;
    vertical-align:middle;
  }
  .{{$template|escape:'html'}}_td4 {
    border-right:solid 1px #fff;
    width: 130px;
    text-align:left;
    padding-left:15px;
  }
  .{{$template|escape:'html'}}_td5 {
    border-right:solid 1px #fff;
    width: 135px;
    text-align:left;
    padding-left:15px;
  }
  .{{$template|escape:'html'}}_td6 {
    border-right:solid 1px #fff;
    width: 75px;
    text-align:center;
  }
  .{{$template|escape:'html'}}_td7 {
    border-right:solid 1px #fff;
    width: 60px;
    text-align: center;
  }
  .{{$template|escape:'html'}}_td8 {
    border-right:solid 1px #fff;
    width: 225px;
    text-align:left;
    padding-left:15px;
  }
  .{{$template|escape:'html'}}_td9 {
    width: 70px;
    text-align: center;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      var gui = GuiPageTableWeeklyWage.instance('{{$template|escape:'javascript'}}');
      new HandlePageTableWeeklyWage(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0">
  <tr>
    <td id="{{$template|escape:'html'}}_pagination_div"></td>
  </tr>
</table>

<table class="{{$template|escape:'html'}}_table2" id="{{$template|escape:'html'}}_main_table" cellPadding="0" cellSpacing="0" border=0>
  <tr style="background-color: #eee">
    <td class="{{$template|escape:'html'}}_td2">C/D</td>
    <td class="{{$template|escape:'html'}}_td3">P/D</td>
    <td class="{{$template|escape:'html'}}_td4">Payee</td>
    <td class="{{$template|escape:'html'}}_td5">Particulars</td>
    <td class="{{$template|escape:'html'}}_td6">Amount</td>
    <td class="{{$template|escape:'html'}}_td7">Hours</td>
    <td class="{{$template|escape:'html'}}_td8">Note</td>
    <td class="{{$template|escape:'html'}}_td9"></td>
  </tr>
</table>